import React from 'react'
import { Link, useNavigate } from 'react-router-dom';
import UserAvatar from '../user/UserAvatar';

/**
 * header  右边个人中心的导航
 * @returns 
 */
const NavUser = () => {
    const navigate = useNavigate();

    return (
        <ul className='nav-link-ul'>
            <li className='nav-link-item' onClick={() => navigate('/design')}>
                设计
            </li>
            <li className='nav-link-item' onClick={() => navigate('/member')}>
                大会员
            </li>
            <li className='nav-link-item' onClick={() => navigate('/news')}>消息</li>
            <li className='nav-link-item'>收藏</li>
            <li className='nav-link-item' onClick={() => navigate('/history')}>历史</li>
            <li className='nav-link-item' >
                <UserAvatar />
            </li>
        </ul>
    )
}

export default NavUser;
